<!doctype html>
<html>
<head>
    <meta charset="utf-8">
	<title>小薇学院任务三</title>
	<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<div id="container1">
    <div id="container1-left">
	    <img src="img/web_01.jpg" class="pic">
		<span class="teamname">团队名称</span>
	</div>
	<div id="container1-right">
		<img src="img/web_01.jpg" class="pic">
		<img src="img/web_01.jpg" class="pic">
	    <img src="img/web_01.jpg" class="pic">
		<img src="img/web_01.jpg" class="pic">
	</div>
	<div id="container1-middle">
	    <p>方法一</p>
        <p>为父元素添加 overflow:hidden，防止包含元素被超大内容撑大，迫使父元素包含其浮动的子元素</p>
	</div>
</div>
    <br />
<div id="container2">
    <div id="container2-left">
		<img src="img/web_01.jpg" class="pic">
		<span class="teamname">团队名称</span>
	</div>
	<div id="container2-middle">
	    <p>方法二</p>
	</div>
	<div id="container2-right">
	    <img src="img/web_01.jpg" class="pic">
		<img src="img/web_01.jpg" class="pic">
	    <img src="img/web_01.jpg" class="pic">
		<img src="img/web_01.jpg" class="pic">
	</div>
</div>
</body>
</html>
